<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>practice</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<style>

		body {
			min-width: 1920px;
		}

		#div1 {
			width: 100%;
			height: 45px;
			background: white;
			border: 1px gray solid;
			float: left;
			text-align: center;

		}

		#logo {
			float: left;
			margin-left: 30px;
			margin-right: 935px;

		}

		#nav li {
			font-size: 14px;
			margin-left: 25px;
			list-style: none;
			float: left;
		}

		btn1 {
			margin-left: 25px;
			float: left;

		}

		btn2 {
			margin-left: 25px;
			float: left;

		}

		#div2 {
			height: 330px;
			background: #EAEAEA;
			margin: auto;
		}

		#div2 h2 {
			text-align: center;

		}

		#div2 p {
			text-align: center;

		}

		.lside {
			margin-top: 30px;
			margin-left: 638px;
			float: left;
			height: 300px;
		}

		.rside {
			float: right;
			margin-right: 480px;
			margin-top: 30px;
			height: 180px;
		}
		.rside ul{
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
		.rside ul li {
			height: 30px;
			margin: 0px;
			padding: 0px;
			border: 1px solid black;
		}

		#div3 {
			height: 200px;
			background: #F49F34;

		}

		#div4 {
			height: 300px;
			background: pink;
		}

		#div5 {
			height: 200px;
			background: blue;
		}

	</style>
</head>
<body>

<div id="container">
	<div id="div1">
		<div id="logo">
			<img src="../../img/fanwei.png" style=" height: 43px" alt="">
		</div>
		<div id="nav">
			<ul>
				<li><a href="#">产品</a></li>
				<li><a href="#">移动</a></li>
				<li><a href="#">场景</a></li>
				<li><a href="#">案例</a></li>
				<li><a href="#">博客</a></li>
				<li><a href="#">帮助</a></li>
				<li><a href="#">价格</a></li>
				<li><a href="#">直播</a></li>
			</ul>
			<button type="button" div1.1="btn1">登录</button>
			<button type="button" div1.2="btn2">注册</button>

		</div>

	</div>
	<div id="div2">
		<h2><b>本月直播</b></h2>
		<p>选择你想参加的场次,到了培训开始的时间,打开后直接进入收看即可</p>
		<div class="lside">
			<img src="../../img/shipin.png" style="width: 200px ;height: 120px;" alt="">

		</div>
		<div class="rside">
			<ul class="hot-list eui-scroll">
				<a href="#">
					<li class="active">
						<span class="data">5月11日</span>
						<span class="time">16:00</span>
						<span class="info">考勤统计烦？工资发放烦？HR可以这样减负</span>
					</li>
				</a>
				<a href="#">
					<li>
						<span class="data">5月18日</span>
						<span class="time">16:00</span>
						<span class="info">就业黄金季，我用自定义表单功能实现招聘管理</span>
					</li>
				</a>
				<a href="#">
					<li>
						<span class="data">5月25日</span>
						<span class="time">16:00</span>
						<span class="info">基本应用不够用？试试搭建个性化应用</span>
					</li>
				</a>
				<a href="#">
					<li>
						<span class="data">5月31日</span>
						<span class="time">16:00</span>
						<span class="info">使用这些方法，我的客户服务工作事半功倍 </span>
					</li>
				</a>
			</ul>


		</div>


	</div>
	<div id="div3">

	</div>
	<div id="div4">

	</div>
	<div id="div5">

	</div>

</div>

</body>
</html>